<template>
  <div class="home">
    <img class="bgone" src="../assets/login_bg.jpg" />
    <img class="pic" src="../assets/a.png" />
    <div class="table">
      <el-form ref="form">
        <el-form-item>
          <el-input placeholder="用户名" prefix-icon="el-icon-user-solid"></el-input>
        </el-form-item>
        <el-form-item>
          <el-input placeholder="密码" prefix-icon="el-icon-lock"></el-input>
        </el-form-item>
      </el-form>
    </div>
  </div>
</template>

<script>
export default {
  name: "Home"
};
</script>
<style scoped>
.home {
  width: 100%;
  height: 100%;
}
.bgone {
  width: 100%;
  height: 100%;
}
.table {
  background-color: #ffffff;
  width: 960px;
  height: 465px;
  position: absolute;
  top: 20%;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  box-shadow: 10px 10px 5px #888888;
}
.table >>> .el-form {
  position: absolute;
  top: 7.8rem;
  right: 4rem;
 
}
.pic {
  width: 492px;
  height: auto;
  position: absolute;
  top: 173px;
  right: 453px;
  left: 0;
  bottom: 0;
  margin: auto;
  z-index: 99999;
}
.el-input >>> .el-input__inner {
  width: 373px;
  height: 55px;
}


</style>

